<template>
  <view class="uni-status-bar" :style="style">
    <slot></slot>
  </view>
</template>

<script>
export default {
  computed: {
    style() {
      //#ifdef MP-WEIXIN
      var systemInfo = uni.getSystemInfoSync();
      return `height:${systemInfo.statusBarHeight}px`;
      //#endif
      //#ifdef APP-PLUS
      return "";
      //#endif
    }
  }
};
</script>

<style>
.uni-status-bar {
  display: block;
  width: 100%;
  height: 20px;
  height: var(--status-bar-height);
}
</style>
